<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>苏震（南京）科技有限公司</title>
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/footer.css">
</head>

<body>
  <div id="zoom-container">
    <!-- 顶部导航 -->
    <header id="header">
      <div class="header justify-around">
        <div class="left align-center">
          <h1 id="logo" class="logos">
            <img src="images/logo.png" alt="logo">
          </h1>
          <div class="logos_title">
            <span>苏震（南京）科技有限公司</span>
          </div>
        </div>
        <div class="middle">
          <ul class="middle_nav justify-between">
            <li class="header-text active">
              <a class="header-texta" href="index.html">首页</a>
            </li>
            <li class="header-text  ">
              <a class="header-texta" href="#">关于我们</a>
              <div class="navbar3-wrapper justify-center">
                <div class="navbar3-title ">
                  <a href="#">单位简介</a>
                </div>
                <div class="navbar3-title ">
                  <a href="#">单位领导</a>
                </div>
                <div class="navbar3-title ">
                  <a href="#">主要职责</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">机构设置</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">获奖情况</a>
                </div>
              </div>
            </li>
            <li class="header-text  ">
              <a class="header-texta" href="ywly.html">业务领域</a>
              <div class="navbar3-wrapper justify-center">
                <div class="navbar3-title ">
                  <a href="index.html">评估</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">探查</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">数据</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">防震减灾</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">工程服务</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">土工试验</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">科技创新</a>
                </div>
              </div>
            </li>
            <li class="header-text  ">
              <a class="header-texta" href="index.html">支撑平台</a>
              <div class="navbar3-wrapper justify-center">
                <div class="navbar3-title ">
                  <a href="index.html">业务平台</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">业绩成果</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">软件服务</a>
                </div>
              </div>
            </li>
            <li class="header-text  ">
              <a class="header-texta" href="index.html">专家团队</a>
              <div class="navbar3-wrapper justify-center">
                <div class="navbar3-title ">
                  <a href="index.html">正高级专家</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">高级专家</a>
                </div>
                <div class="navbar3-title ">
                  <a href="index.html">特聘专家</a>
                </div>
              </div>
            </li>
            <li class="header-text  ">
              <a class="header-texta" href="index.html">新闻动态</a>
              <div class="navbar3-wrapper justify-center">
                <div class="navbar3-title ">
                  <a href="97.html">单位信息</a>
                </div>
                <div class="navbar3-title ">
                  <a href="93.html">通知公告</a>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="bgnavbar3"></div>
    </header>
    <!-- 首页轮播图 -->
    <section class="hero" id="hero">
      <div class="hero-carousel">
        <div class="hero-slide active">
          <img src="images/banner123.png" alt="Banner 1">
          <div class="hero-title">守正创新 靶性防御 团结协作 服务社会</div>
        </div>
        <!-- <div class="hero-slide">
          <img src="images/banner-detail.png" alt="Banner 2">
          <div class="hero-title">科技创新 服务社会</div>
        </div> -->
        <div class="hero-dots">
          <span class="hero-dot active"></span>
          <span class="hero-dot"></span>
        </div>
        <button class="hero-btn prev">&lt;</button>
        <button class="hero-btn next">&gt;</button>
      </div>
    </section>
    <section class="hero-link">
      <a class="hero-link-a" href="#">
        <div class="hero-link-left">项目管理系统入口</div>
        <div class="hero-link-right">
          <img src="images/方向.png" alt="">
        </div>
      </a>
    </section>
    <!-- 新闻动态 -->
    <section class="news-section container">
      <div class="news-title">新闻动态</div>
      <div class="news-content">
        <div class="news-picture">
          <div class="news-carousel">
            <img class="news-image active" src="images/banner1.png" alt="新闻图片1">
            <img class="news-image" src="images/banner2.png" alt="新闻图片2">
            <img class="news-image" src="images/banner3.png" alt="新闻图片3">
            <img class="news-image" src="images/banner4.png" alt="新闻图片4">
            <div class="carousel-dots">
              <span class="dot active"></span>
              <span class="dot"></span>
              <span class="dot"></span>
              <span class="dot"></span>
            </div>
            <button class="carousel-btn prev">&lt;</button>
            <button class="carousel-btn next">&gt;</button>
          </div>
        </div>
        <div class="news-list">
          <div class="news-tabs">
            <span class="news-tab active" data-id="news-items1">技术服务</span>
            <span class="news-tab" data-id="news-items2">信息资讯</span>
            <a class="news-more" href="ywly.html">更多 &gt;</a>
          </div>
          <div class="news-items">
            <div class="news-items1" style="opacity:1;">
              <div class="news-item">
                <span class="news-item-title">地震服务系统升级优化即将开启——未来已来，数据赋能地震科技创新</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震安全性评价项目管理系统——在线大屏展示试点取得阶段性成效</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震监测预警新技术应用交流会圆满召开</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震应急演练活动顺利举行——提升应急响应能力</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震灾害风险评估服务助力城市安全</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震服务系统升级优化即将开启——未来已来，数据赋能地震科技创新</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震服务系统升级优化即将开启——未来已来，数据赋能地震科技创新</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震服务系统升级优化即将开启——未来已来，数据赋能地震科技创新</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
            </div>
            <div class="news-items2" style="opacity:0;">
              <div class="news-item">
                <span class="news-item-title">地震服务系统升级优化即将开启——未来已来，数据赋能地震科技创新</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
              <div class="news-item">
                <span class="news-item-title">地震安全性评价项目管理系统——在线大屏展示试点取得阶段性成效</span>
                <span class="news-item-date">2025-03-15</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- 业务领域 -->
    <div class="section-title">业务领域</div>
    <section class="fields-grid">
      <div class="field-card">
        <div class="field-icon">
          <img src="images/地震风险评估.png" alt="">
        </div>
        <div class="field-title">地震风险评估</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/地震安全性评价.png" alt="">
        </div>
        <div class="field-title">地震安全性评价</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/地球物理勘探.png" alt="">
        </div>
        <div class="field-title">地球物理勘探</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/活动断层探测.png" alt="">
        </div>
        <div class="field-title">活动断层探测</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/测绘与地理信息.png" alt="">
        </div>
        <div class="field-title">测绘与地理信息</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/灾害风险感知.png" alt="">
        </div>
        <div class="field-title">灾害风险感知</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/城乡防震.png" alt="">
        </div>
        <div class="field-title">城乡防震</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/工程检测.png" alt="">
        </div>
        <div class="field-title">工程检测</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/数据服务.png" alt="">
        </div>
        <div class="field-title">数据服务</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/岩土测试.png" alt="">
        </div>
        <div class="field-title">岩土测试</div>
      </div>
      <div class="field-card">
        <div class="field-icon">
          <img src="images/科技创新.png" alt="">
        </div>
        <div class="field-title">科技创新</div>
      </div>
      <div class="field-card">
        <div class="field-last"><a href="#" style="color:var(--main-blue);">了解更多 &gt;</a></div>
      </div>
    </section>
    <!-- 仪器设备 -->
    <div class="section-title">苏震优势</div>
    <section class="index_customer">
      <div class="index_customer_type">
        <div class="customer_menus">
            <ul>
                <li class="customer_menu active" data-id="customer_menu1"><span>岩土实验室</span></li>
                <li class="customer_menu" data-id="customer_menu2"><span>物理探测设备</span> </li>
                <li class="customer_menu" data-id="customer_menu3"><span>软件系统</span> </li>
                <li class="customer_menu" data-id="customer_menu4"><span>硬件系统</span> </li>
            </ul>
        </div>
        <div class="customer_introduction">
            <div class="customer_menu1" style="opacity: 1;">
              <p>岩土实验室简介</p>
            </div>
            <div class="customer_menu2" style="opacity:0; display: none;">
              <p>物理探测设备简介</p>
            </div>
            <div class="customer_menu3" style="opacity:0; display: none;">
              <p>软件系统简介</p>
            </div>
            <div class="customer_menu4" style="opacity:0; display: none;">
              <p>硬件系统简介</p>
            </div>
        </div>
      </div>
    </section>
    <!-- 热点信息 -->
    <div class="section-title">热点信息</div>
    <section class="hot-section">
      <div class="hot-banner">
        <img src="images/学习贯彻党的二十大精神.jpeg" alt="学习贯彻党的二十大精神">
      </div>
      <div class="hot-banner">
        <img src="images/地震行业数据库.jpeg" alt="地震行业数据库">
      </div>
    </section>
    <!-- 底部信息 -->
    <footer class="footer">
      <div class="foot_top">
        <div class="foot_d1">
          <!--公司信息-->
          <div class="foot_q1">
            <div class="foot_q1_div2">
              <div class="foot_q1_div2_left leftspan">
                <p>主办单位：苏震(南京)科技有限公司</p>
                <p>地址： 江苏省南京市雨花台区</p>
              </div>
              <div class="foot_q1_div2_right leftspan">
                <p>电子邮件(E-mail)： suzhen@eq-cedpc.cn</p>
                <p>电话： 051-24829394 &nbsp; 邮编：210000</p>
              </div>
            </div>
          </div>
          <div class="foot_q4">
            <div class="q4_tit">
              <div>
                <a href="https://www.cea.gov.cn/" target="_blank">
                  <img src="images/zhongguodizhenju.jpg" class="img-zhongguodizhenju" alt="中国地震局">
                </a>
              </div>
              <div>
                <a href="https://www.jsdzj.gov.cn/" target="_blank">
                  <img src="images/jiangsudizhenju.png" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="foot_tb1" style="width: 100%;">
        <div class="foot_bot1 ">
          <span>CopyRight©2025 ALL Rights Reserved 京ICP备07009313号-1 京公网安备11010599143-21002号</span>
        </div>
      </div>
    </footer>
  </div>
  <script src="js/jquery-1.11.1.min.js"></script>
  <script src="js/swiper.jquery.min.js"></script>
  <script src="js/index.js"></script>
  <script src="js/header.js"></script>
  <script src="js/scale.js"></script>
</body>

</html>